<!DOCTYPE html>

<html lang="en">
<meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>${title!}</title>
	<meta name="keywords" content="${keywords!}" />
	<meta name="description" content="${description!}" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- Set render engine for 360 browser -->
  <meta name="renderer" content="webkit">
  <!-- No Baidu Siteapp-->
  <meta http-equiv="Cache-Control" content="no-siteapp"/>

<link rel="shortcut icon" href="${staticdomain}/favicon.ico" type="image/x-icon" />
  <!-- Add to homescreen for Chrome on Android -->
  <meta name="mobile-web-app-capable" content="yes">
<!-- 360浏览器强制切换为极速模式内核 -->
<meta name="renderer"  content="webkit">
  <!-- Add to homescreen for Safari on iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="办公室"/>


  <meta name="msapplication-TileColor" content="#0e90d2">
  <link rel="shortcut icon" href="${staticdomain}/favicon.ico" type="image/x-icon" />
  
  <link rel="stylesheet" href="${staticdomain}/lib/amazeui/css/amazeui.min.css">
  <link rel="stylesheet" href="${staticdomain}/lib/amazeui/css/app.css">
  <!--[if (gte IE 9)|!(IE)]><!-->
  <script type="text/javascript" src="${staticdomain}/lib/jquery/jquery-3.3.1.min.js"></script>
  <!--<![endif]-->
  <!--[if lt IE 9]>
  <script type="text/javascript" src="${staticdomain}/lib/jquery/jquery-1.11.3.min.js"></script>
  <script src="${staticdomain}/lib/amazeui/js/modernizr.js"></script>
  <script src="${staticdomain}/lib/amazeui/js/amazeui.ie8polyfill.min.js"></script>
  <![endif]-->
  <script type="text/javascript" src="${staticdomain}/lib/amazeui/js/amazeui.min.js"></script>

	
<link rel="stylesheet" type="text/css" href="${staticdomain}/css/app.css">
<script type="text/javascript" src="${staticdomain}/js/app.js"></script>
<body>
 <div class="am-input-group am-input-group-primary">
      <span class="am-input-group-btn">
        <button class="am-btn am-btn-primary" type="button"><span class="am-icon-search"></span></button>
      </span>
      <input type="text" class="am-form-field" id="a">
    </div>
        <div class="autoComplete">
            <ul></ul>
        </div>
<script>
	 autoUl = $(".autoComplete ul"),
	 $("#a").keyup(function(){
	     searchHtml = "";
		 var  value=$("#a").val();	
		 if(value!=''){ 
			 $.getJSON("${domain}/serach/", { keyword: value }, function(json){
			    $.each(json, function(i, item){ 
			      searchHtml += '<li>'+item+'</li>';    
				     
				}); 
				 autoUl.html(searchHtml);
			});
		}else{
			 autoUl.html(searchHtml);
		 }
		 

	});
	
	
</script>
</body>

</html>